// movie/movie.js
import {
  requireTop,
  nowHotsMovie,
  fouMovie,
  movieSearch
   } from "../util/require.js"
import { handleMovieIndexData } from '../util/util.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    top250List: [],
    comingList: [],
    nowHotList: [],
    isShowMovieIndexPage: true , //是否显示电影首页
    dataContent: [], //搜索数据容器
    total: 0,
    start: 0,
    count: 20,
    q: '',  //搜索关键字
    isReachBottom: false //是否上拉触底 
  },
  skipPage(event) {
    console.log(event.currentTarget.dataset.id)
    var id = event.currentTarget.dataset.id
    wx.navigateTo({
      url: '/movie/movie-detail/movie-detail?id= '+ id
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //页面一加载就发送请求，请求数据
    var data={ start: 0,
              count:3
        }
    var P1 = requireTop(data) // top250
    var P2 = nowHotsMovie(data)  //正在热映
    var P3 = fouMovie(data) //即将上映
    P1.then((res)=>{
      console.log(res)
      this.setData({
        top250List: handleMovieIndexData(res)
      })
      return P2
    })
    .then((res)=> {
      console.log(res)
      this.setData({
        nowHotList: handleMovieIndexData(res)
      })
      return P3
    })
    .then((res) => {
      console.log(res)
      this.setData({
        comingList: handleMovieIndexData(res)
      })
    })

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if (this.data.isShowMovieIndexPage) return
    var start= this.data.start + this.data.count
    var count = this.data.count
    var value= this.data.q
    this.setData({
      isReachBottom: true,
      start
    })
    var data= {
      start: start,
      count: count,
      q: value
    }
    this.sendSearchReq(data)
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  focusFn(){ //获取焦点事件
    this.setData({
      isShowMovieIndexPage: false
    })
    wx.setNavigationBarTitle({
      title: '搜索'
    })
  },
  changeFn(event){ // 监听点击enter或者失去焦点事件
    // wx.startPullDownRefresh() //开启下拉刷新
    var value = event.detail.value.trim()
    if(!value) return
    this.setData({  //设置关键字
      q: value
    })
    var data= {
      start: 0,
      count: 20,
      q: value
    }
    this.sendSearchReq(data)
  },
  cancelFn(){ //点击叉号
    this.setData({
      isShowMovieIndexPage: true,
      dataContent: [], //搜索数据容器
      total: 0,
      start: 0,
      count: 20,
      q: ''  //搜索关键字
    })
    wx.setNavigationBarTitle({
      title: '光与影'
    })
  },
  sendSearchReq(data){  //发送电影请求
    var P6= movieSearch(data)
    P6.then((res)=> {
      console.log(res)
      var arr = this.data.isReachBottom ? this.data.dataContent : []
      var total= 0
      total = handleMovieIndexData(res).total
      console.log(total)
      arr = arr.concat(handleMovieIndexData(res))
      console.log(arr)
      this.setData({
        dataContent: arr,
        total: total,
        isReachBottom: false
      })
    })
  }
})